.login {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    background-image: url('/imgs/login_bg.png');
    .login-panel {
        display: flex;

        flex-direction: column;

        justify-content: center;

        box-sizing: border-box;

        width: 400px;

        padding: 50px 50px 20px;

        background-color: #fff;

        box-shadow: 0 0 76px #ccc;
        .title {
            margin-bottom: 40px;

            text-align: center;

            letter-spacing: 1px;

            color: #555;

            font-size: 20px;

            font-weight: 600;
        }

        .sub-title {
            margin: 20px 0 20px 0px;
        }
        .login-form {
            .el-form-item {
                :deep(.el-input__inner) {
                    border: none;

                    border-bottom: 1px solid #eaeaea;
                }

                .login-submit {
                    width: 100%;
                }

                :deep(.el-form-item__content) {
                    display: flex;
                    .code-img {
                        display: inline-block;

                        width: auto;

                        height: 36px;

                        margin-left: 20px;

                        cursor: pointer;

                        box-shadow: 0 0 10px #eee;
                    }
                }
            }

            .pwd-area {
                display: flex;

                flex-direction: row;

                justify-content: space-between;

                width: 100%;
                .remind {
                    margin-top: -14px;

                    margin-bottom: 10px;
                }
            }

            .register {
                display: flex;

                flex-direction: row;

                justify-content: flex-end;

                width: 100%;
                .no-accout {
                    color: #969696;
                }

                &-btn {
                    padding-right: 0;

                    padding-left: 0;
                }
            }
        }
    }

    :deep(.el-tabs__item.is-active) {
        background-color: #fff;
    }
    :deep(.el-tabs__nav) {
        display: flex;

        flex-direction: row;

        justify-content: space-between;

        width: 100%;
    }

    :deep(.el-tabs__nav-wrap::after) {
        position: static !important;
    }

    :deep(.el-input__wrapper) {
        padding: 0px;

        cursor: default;

        box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;

        .el-input__inner {
            cursor: default !important;
        }
    }

    :deep(.el-button.is-text:not(.is-disabled):focus, .el-button.is-text:not(.is-disabled):hover) {
        background-color: #fff;
    }
    :deep(.el-button.is-text:not(.is-disabled):hover, .el-button.is-text:not(.is-disabled):focus) {
        background-color: #fff;
    }
    :deep(.el-form-item.is-error .el-input__wrapper) {
        box-shadow: none;
    }
}
